{include file=$header_start}

{strip}
<script src="{$siteroot}/includes/js/admin/ajax.js" type="text/javascript" ></script>
<script type="text/javascript" src="{$siteroot}/includes/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="{$siteroot}/includes/js/jquery.form.js"></script>
<script type="text/javascript" src="{$siteroot}/includes/js/jquery.validate.js"></script>
<script type="text/javascript" src="{$siteroot}/includes/js/bbq.js"></script>
<script type="text/javascript" src="{$siteroot}/includes/js/jquery-ui-1.8.5.custom.min.js"></script>
<script type="text/javascript" src="{$siteroot}/includes/js/jquery.form.wizard.js"></script>
{/strip}
{literal}

<script type="text/javascript">
function windowfunction(pageURL)
{
	window.location.href =pageURL;	
}
function newfunction()
{
	alert("You can't post job!");
	return false;	
}
</script>

{/literal}

{literal}
<script type="text/javascript">

function showJobType(jid)
{
	if(jid!='')
	{
		ajax.sendrequest("GET",SITEROOT + "/modules/register/show_jobtype.php",{jobidid:jid},"","isJobType");
	}
	else
		document.getElementById('jobtype').value='';
}

</script>
{/literal}

{include file=$header_end}


<section class="banner_portion">
	<section class="banner_middle">
   	<section class="banner_left">
       
        <div id="demoWrapper">
			<h5 id="status"></h5>
			<form id="demoForm" name="demoForm" method="post" class="bbq">
            <input type="hidden" name="usertype" id="usertype" value="{$smarty.session.user_type}" />
 				<div id="fieldWrapper">
				<span class="step" id="first" style="display:block">
                
                <section>
         	<section class="banner_subhead">FIND A SERVICE PROVIDER</section>
                <section class="banner_descrip">Describe your requirement and receive quotes and choose from <br> service providers in your area.</section>
	            </section>
				<section >
                    <section>
                    <section class="banner_whattype_hd">Confirm the service you need!</section>
                    <section>
                    	<div>
                    	<select name="trade" id="trade" class="banner_inputbx trade" onchange="showJobType(this.value);">
	                    <option value="">- Select -</option>
                        {section name=i loop=$newtradecategoryArray}
                        	<option value="{$newtradecategoryArray[i].id}" {if $newtradecategoryArray[i].id eq $tradecatid} selected="selected" {/if}>{$newtradecategoryArray[i].trade_category}</option>
                        {/section} 
    	                </select>
                    	</div>    
                    </section>
                    </section>
                    
                    <section>
                    <section class="banner_whattype_hd">Select best match from the list below: </section>
                    <section>
	                    <div id="isJobType">
                    	<select name="jobtype" id="jobtype" class="banner_inputbx jobtype">
                    	<option value="">- Select -</option>
	                    {section name=i loop=$new_tradejobtypeArray}
                        	<option value="{$new_tradejobtypeArray[i].id}">{$new_tradejobtypeArray[i].trade_category}</option>
                        {/section} 
	                    </select>
                        </div>
                      </section>
                    </section>
                    <section>
                    <section class="banner_whattype_hd">Full description of the quote</section>
                    <section><textarea name="describe_job" cols="" rows="" class="banner_textarea describe_job minlength" style="overflow: auto;resize:none;"></textarea></section>
                    </section>
                    </section>

				</span>
				<span id="finland" class="step" style="display:block">
					
                    <section>                    	
                        <section class="banner_subhead martp_tp">Please tell us a bit more about your job...</section>
                        <section class="banner_descrip">to help us find the right service provider for you</section>
                    </section>
					<section>
                    <section>
                        <section class="banner_whattype_hd">When do you want the work to start?</section>
                        <section>
                        	<select name="work_to_start" id="work_to_start" class="banner_inputbx work_to_start" style="padding:9px 10px !important" >
                        	<option value="">- Select -</option>
                            <option value="asap">As soon as possible</option>
                            <option value="1 week">1 week</option>
                            <option value="2 weeks">2 weeks</option>
                            <option value="1 month">1 month +</option>
                        	</select>
                      </section>
                    </section>
                    <section>
                    <section class="banner_whattype_hd">What is your approximate budget? </section>
                        <section>
                        	<select name="approx_budget" id="approx_budget" class="banner_inputbx approx_budget" style="padding:9px 10px !important"  >
                            <option value="">-- Select an approx. budget --</option>
                            {section name=i loop=$getallactivebudgetArray}
	                            <option value="{$getallactivebudgetArray[i].budget_id}">Under ${$getallactivebudgetArray[i].budget_name}</option>
                            {/section}                              
	                        </select>
                     </section>
                    </section>
					
					 <section>
                    <section class="banner_whattype_hd">What is the state for the job?</section>
                        <section>
						<select name="state_id" id="state_id" class="banner_inputbx state_id" style="padding:9px 10px !important"  >
                            <option value="">-- Select State --</option>
                          {section name=i loop=$stateArray}
						 <option value="{$stateArray[i].state_id}">{$stateArray[i].state_name}</option>
						 {/section}                       
	                        </select>
						
						</section>
                        </section>

                    <section>
                    <section class="banner_whattype_hd">What is the postcode for the job?</section>
                        <section><input type="text" class="demostep2 postalcode remote" name="postcode" id="postcode" value="{$smarty.post.postcode}" maxlength="15"  /></section>
                        </section>
                    </section>
                     <section>
                        <section class="banner_whattype_hd">What is your email address?  </section>{$smarty.session.emailaddress}
                        <section><input type="text" class="demostep2 email required" name="emailaddress" id="emailaddress" {if $smarty.session.email neq ''} value="{$smarty.session.email}" readonly="readonly" {else} value="{$smarty.post.emailaddress}" {/if} /></section>
                    </section> 						
				</span>
				<span id="confirmation" class="step" style="display:block">
					
					 <section>                    	
                        <section class="banner_subhead martp_tp">Contact details</section>
                        
                    </section>
					<section>
                    <section>
                        <section class="banner_whattype_hd">First Name</section>
                        <section><input type="text" class="demostep2 fname" name="fname" id="fname" {if $smarty.session.first_name neq ''} value="{$smarty.session.first_name}" {else} value="{$smarty.post.fname}" {/if} maxlength="20"  /></section>
                    </section>
                    <section>
                    <section class="banner_whattype_hd">Last Name</section>
                        <section><input type="text" class="demostep2 lname" name="lname" id="lname" {if $smarty.session.last_name neq ''} value="{$smarty.session.last_name}" {else} value="{$smarty.post.lname}" {/if} maxlength="20"  /></section>
                    </section>
                    <section>
                    <section class="banner_whattype_hd">Mobile Number</section>
                        <section><input type="text" class="demostep2 mobno" name="mobno" id="mobno" {if $userdetail.phone_number neq ''} value="{$userdetail.phone_number}" {else} value="{$smarty.post.mobno}" {/if} maxlength="15"  /></section>
                        </section>
                    </section>
                     <section>
                        <section class="banner_whattype_hd">&nbsp; </section>
                        <section><input type="checkbox" class="terms" name="terms" id="terms" value="{$smarty.post.terms}" />    I have read and agree to the Get-Bids.com.au <a href="{$siteroot}/terms-conditions/" style="color:##19A3DA" target="_blank">Terms and Conditions</a> and <a href="{$siteroot}/privacypolicy/" target="_blank" style="color:##19A3DA">Privacy Policy</a> .</section>
                    </section> 	
                    <label for="terms" generated="true" class="error"></label>	
				</span>
				</div>
                
				<div id="demoNavigation" class="header-leftform-marginbtm"> 							
				
					<section class="banr_nextstep_btn lF"><input type="reset" id="back" value="Back" class="banr_bluebtn"></section>
					<section class="banr_nextstep_btn"><input {if $smarty.session.user_type neq '4'}type="submit" {else} type="button" onclick="return newfunction();" {/if} id="next" value="NEXT STEP"  class="banr_bluebtn" style="width:150px; "></section>
					<section class="clear"></section>
				</div>
			</form>
		
			
			<p id="data"></p>
		</div>
        
        <section class="clear"></section>
        </section>
        
        <section class="banner_right"><embed
width="490" height="345"
src="http://www.youtube.com/v/1VzWPDDMwNc"
type="application/x-shockwave-flash">
</embed><br><br>The smartest, most cost-effective way to find customers. Our revolutionary matching<br>technology can connect you right to the customers you’re looking for, when you want them.</section>
        <section class="clear"></section>
    </section>
</section>

<!-- MIDDLE CONTAIN GOES HERE -->
<section class="middle_portion">
	<section class="howitworks">
    	<section class="howworks_head">How It Works</section>
        <section class="howworks_blueimg">
        	<section class="howworks_postjob">
            	<section class="howworks_subhead">POST YOUR JOB</section>
                <section class="howworks_descrip">Describe what need <br>to be done.</section>
            </section>
            <section class="howworks_getquote">
            	<section class="howworks_subhead">GET QUOTES</section>
                <section class="howworks_descrip">Providers reply <br> quickly online.</section>
            </section>
            <section class="howworks_checkfdbk">
            	<section class="howworks_subhead">CHECK FEEDBACK</section>
                <section class="howworks_descrip">Use previous rating  to help you choose.</section>
            </section>
            <section class="howworks_tradesman">
            	<section class="howworks_subhead">GET PROVIDER</section>
                <section class="howworks_descrip">Have your job done and rate them.</section>
            </section>
            <section class="clear"></section>
  
        </section>

    </section>
 

    <section>
    	<section class="featuredjobs">
        	<section class="featredjobs_head">Latest Posts</section>
            <section>
            {section name=i loop=$jobArray}
       	    <section class="featredjobs_dottedline">
                	<section class="featredjob_leftimg">
                    <a {if $smarty.session.getbids_id neq ''} {if $smarty.session.user_type eq '3'} href="{$siteroot}/jobs/{$jobArray[i].postjob_id|base64_encode}/viewjob/" {else} href="{$siteroot}/jobs/{$jobArray[i].postjob_id|base64_encode}/findjobdetail/" {/if} {else} href="{$siteroot}/signin/" {/if}>
                  	{if $jobArray[i].image}
                        <section class="com_logo_img_wrapp">
                        <img src="{$siteroot}/includes/image.php?width=93&amp;height=93&amp;image={$siteroot}/uploads/job/{$jobArray[i].image}" title="job logo" alt="job logo"/>
                        </section>
                    {else}	
                    <section class="com_logo_img_wrapp">
                        <img src="{$siteroot}/uploads/job/featredjob_img1.jpg" height="93px" width="93px"  />
                        </section>
                    {/if}
                    </a></section>
                  <section class="featredjob_rt_contain">                    	
                      <section class="featredjobs_descrip">{$jobArray[i].job_desc|stripslashes|truncate:40:"..."}</section>
                        <section class="featredjobs_more"><a {if $smarty.session.getbids_id neq ''} {if $smarty.session.user_type eq '3'} href="{$siteroot}/jobs/{$jobArray[i].postjob_id|base64_encode}/viewjob/" {else} href="{$siteroot}/jobs/{$jobArray[i].postjob_id|base64_encode}/findjobdetail/" {/if} {else} href="{$siteroot}/signin/" {/if}>read more »</a></section>
                  </section>
                    <section class="clear"></section>
                </section>
            {/section}    
            </section>
        </section>
        <section class="featured_tradesmen">
        	<section class="featredtrade_head">Latest Blogs</section>
            <section>
            {section name=i loop=$blogs}
            <section class="featredjobs_dottedline">
                	<section class="featredjob_leftimg">
						<a href="{$siteroot}/{$blogs[i].url}" title="{$blogs[i].title}">
							<img alt="{$blogs[i].title}" src="{$siteroot}/includes/image.php?width=93&amp;height=93&amp;image={$siteroot}/uploads/blog/{$blogs[i].image}" />
						</a>
					</section>
                  <section class="featredjob_rt_contain">
                   	<section class="featredtrade_subhead"><a href="{$siteroot}/{$blogs[i].url}" >{$blogs[i].title}</a><span>{$AllReviewUser[i].trade_name|truncate:15:""}</span></section>
                    <section class="featredjobs_descrip">{$blogs[i].introtext|stripslashes|truncate:40:"..."}</section>
                        
                  </section>
                    <section class="clear"></section>
                </section>
            {/section}    
                
                
            </section>
        </section>
        <section class="testimonials">
        	<section class="featredjobs_head">Testimonials</section>
            <section>
            	<section>
                	<section class="testimonial_blueimg">{$gettestimonialArray.description|stripslashes|truncate:150:".."}</section>
                    <section>
                    	<section class="testimonial_name">- {$gettestimonialArray.username|ucfirst} </section>
                        {if $counttestimonialArray gt 1}
                        <section class="testimonial_more"><a href="{$siteroot}/testimonials/">read all »</a></section>
                        {/if}
                    </section>
                </section>
                <br>
                <section class="testimonial_dottedline"></section>
                 {if $smarty.session.getbids_id eq ''}	

                {/if}
            </section>
            	
        </section>
        <section class="clear"></section>
    </section>
<img src="{$siteroot}/templates/default/images/partner-logo-wide-banner.png" />
</section>

{literal}
<script type="text/javascript">
$(function(){
	$("#demoForm").formwizard({ 
		formPluginEnabled: true,
		validationEnabled: true,
		focusFirstInput : true,
		formOptions :{
			success: function(data){$("#status").animate(500,1,function(){ $(this).html("You are now registered!").animate(5000, 0); })},
			beforeSubmit: function(data){
				
				$.ajax({
					  url: "homeownerregistration.php",
					  type: "GET",
					  data: $.param(data),
					  success: function(responce_msg){
						  window.location.href= SITEROOT+"/register/registersuccess/";
						//$("#outerwrapper").html(responce_msg);		
					  }
				   })
				
				
				//alert($.param(data));
				/*var arrayDivMain =  $.param(data).split("&");
				var lenCount = arrayDivMain.length - 1;
				alert(arrayDivMain);
				
				var temp = arrayDivMain.split(",");
				alert(temp);*/
				
				//$("#data").html("data sent to the server: " + $.param(data));
			},
			dataType: 'json',
			resetForm: true
		}	
	 }
	);
});
</script>
{/literal}

{include file=$footer}